<template>
  <div>
    <div>
      <headerTop></headerTop>
    </div>
    <div>
      <headerMin :searchState="searchState"></headerMin>
    </div>
    <div class="doctorDetails_content wrap">
      <div class="dc_indexes">首页</div>
      <!-- 步骤 -->
      <div class="dc_step">
        <el-steps :active="state" align-center>
          <el-step title="选择医生" description></el-step>
          <el-step title="选择问诊方式" description></el-step>
          <el-step title="等待接诊" description></el-step>
          <el-step title="线上问诊" description></el-step>
        </el-steps>
      </div>
      <!-- 医生信息 -->
      <div class="dc_doctorNews red">
        <div class="userImg">
          <img src="@/assets/image/Furtherconsultation_Defaulthead@2x.png" alt />
          <p>
            <img class="zan" src="@/assets/image/zan.png" alt />
            赞
          </p>
        </div>
        <div class="dc_usertxt red">
          <div class="t_title">
            <span>张建国</span>
            主任医师
            <p>
              <img src="@/assets/image/Commoditydetails_heart_default@2x.png" alt />
              <!-- <img src="@/assets/image/Commoditydetails_heart_Selection@2x.png" alt=""> -->
              关注
            </p>
          </div>
          <div class="txt">医院名称医院名称医院名称医院名称 - 内科</div>
          <div class="txtMsg">das打开hash的健康理念就回来看你的吉林省看到啦速度极快</div>
        </div>
      </div>
      <!-- 问诊方式 -->
      <div class="dc_mode">
        <div class="m_title">
          <span>问诊方式</span>请根据您的需要选择适合您的在线问诊方式
        </div>
        <div class="m_tabs" @click="GoWait()">
          <div class="m_tab1">
            <i></i>
            <img src="@/assets/image/Persondetails_picture_img@2x.png" alt />
            <div class="fr">
              <p class="p1">图文问诊</p>
              <p class="p2">免费</p>
              <p class="p3">通过图片、文字进行咨询</p>
            </div>
          </div>
          <div class="m_tab1">
            <img src="@/assets/image/Persondetails_video_img@2x.png" alt />
            <div class="fr">
              <p class="p1">视频问诊</p>
              <p class="p2">免费</p>
              <p class="p3">通过视频进行咨询</p>
            </div>
          </div>
        </div>
      </div>
      <!-- 评价 -->
      <div class="dc_assess">
        <div class="a_title">
          <span>患者评价</span>该医生的患者评价
        </div>
        <div class="a_list">
            <div class="a_user">
                <img src="@/assets/image/Persondetails_user_img@2x.png" alt="">
               <p class="one">王老六</p>
            </div>
            <div class="a_txt">
                <p class="two p1">
                    我的症状是双手关节，双脚掌骨头，腿关节疼肿胀！一直都被我们这的医生误诊成风湿，和颈椎病！耽误了将近半年的时间，还好小姑子这次回来给我介绍了黄建林医生！真是太幸运了，黄医生看完我的检验报告后直接诊断出我是红斑狼疮！给我开了药，药吃了一个多月！效果非常明显！感谢黄医生！
                </p>
                <p class="p2">
                    2019-8-17 12:00:00
                    <span> </span>  问诊方式：图文问诊
                </p>
            </div>
        </div>
        <div class="a_bottom">
            显示全部评价
        </div>
      </div>
    </div>
    <div class="bg1">
      <publicBottom></publicBottom>
    </div>
  </div>
</template>
<script>
import headerTop from "@/components/public/public_headerTop.vue";
import headerMin from "@/components/index/index_header_min";
import publicBottom from "@/components/public/public_bottom.vue";
export default {
  components: {
    headerTop,
    headerMin,
    publicBottom
  },
  props: [],
  data() {
    return {
      searchState: 0,
      search: "",
      state: 2 // 步骤条
    };
  },
  methods: {
    GoWait(){
      this.$router.push({ path: "/doctor/wait" });
    },
    GoAllGoods() {
      this.$router.replace({ path: "/allGoods" });
    }
  }
};
</script>
<style lang="less" scoped>
@import "./expert";
</style>